@charset "utf-8";



@media screen and (max-width: 930px) and (orientation:portrait){

	/* - Garage Capping - */

	.cap_img_container{
		margin: 0 2vw;
	}
	.capLeftCol {
		width: 21%;
	}
	.capRightCol {
		width: 79%;
	}
	.capMenu {
		font-size: 2vw;	
		padding-left: 1.5vw;
	}
	.capSubMenu {
		font-size: 1.9vw;
		padding: 1.3vw 2vw 1.1vw 2vw;
	}
	#entryMenuFunc .capSubMenu {
		font-size: 1.8vw;
		padding: 1.6vw 2vw 1.6vw 2vw;
	}
	.cappingImgContainer, .cappingColCont  {
		width: 44%;
	}
	#entryGlass .cappingImgContainer {
		width: 19%;
	}
	.cappingImgContainer:hover::after{
		display: none;
	}
	.cappingImgContainer p span, .cappingColCont p span {
		font-size: 1.5vw;
	}
	.cappingImgContainer p, .cappingColCont p {
		font-size: 1.2vw;
	}

}

@media screen and (max-width: 770px) and (orientation:landscape) {

	.capSubMenu {
		padding: 0.8vw 2vw 0.8vw 1vw;
		font-size: 1.4vw;
	}

}



@media screen and (min-width: 1260px){

	/* - Garage Capping - */

	.cap_img_container{
		margin: 0 75px;
	}
	.capLeftCol {
		border-radius: 11px 0 0 11px;
	}
	.capRightCol {
		border-radius: 0 11px 11px 0;
	}
	.capMenu {
		padding: 13px 8px;
		margin: 26px 13px 26px 0;
		font-size: 19px;
	}
	.capSubCont{
		padding: 13px 0;
	}
	.capSubMenu {
		padding: 6px 26px 6px 26px;
	}
	.cappingImgContainer, .cappingColCont  {
		margin: 0 15px 39px 15px;
	}
	.cappingImgContainer img{
		padding: 3px;
	}
	.cappingColorThumbs {
		height: 135px;
		padding: 3px;
	}
	.cappingImgContainer:hover::after{
		top: -26px;
		width: 104px;
		font-size: 11px;
	}
	.cappingImgContainer p span, .cappingColCont p span {
		font-size: 12px;
	}
	.cappingImgContainer p, .cappingColCont p {
		font-size: 10px;
	}
	.cappingImgTop img{
		margin: 26 0 70px 26px;
	}
	.capImgopt {
		font-size: 20px;
		margin-left: 13px;
	}
	.capImgopt p{
		font-size: 13px;
	}



	/* - Garage Capping Overlay- */

	.overlay_img img{
		border: 13px solid white;	
	}
	.OverlaycloseBtn {
		top: -52px;
		left: 13px;
		font-size: 40px;
	}
	.OverlaycloseBtn:hover::after  {
		left: 39px;
		padding: 3px;
		font-size: 13px;
	}
	.OLbuttons {
		font-size: 65px;
		padding: 0 4px;
	}
	.overlayCappingMainHeading {
		top: 13px;
		left: 13px;
		font-size: 14px;
		padding: 14px 28px;
	}
	.overlayCappingMainHeading span {
		font-size: 18px;
	}
	.overlayCappingGalleryTab, .cappingCounter {
		font-size: 20px;
		right: 26px;
	}
	.overlayCappingGalleryTab {
		top: -30px;
	}
	.cappingCounter {
		bottom: -29px;
	}
}